<!DOCTYPE html>
<html style="font-size:16px;">
	<head>
		<meta charset="utf-8" />
		<title>全识鹰</title>
		<meta name="Keywords" content="全识鹰" />
		<meta name="Description" content="全识鹰" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<script>
			(function(doc, win) {
				var docEl = doc.documentElement,
					resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
					recalc = function() {
						var clientWidth = docEl.clientWidth;
						if (!clientWidth) return;
						if (clientWidth >= 640) {
							clientWidth = 640;
						} else if (clientWidth <= 320) {
							clientWidth = 320;
						} else {}
						docEl.style.fontSize = 16 * (clientWidth / 320) + 'px';
					};
				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener('DOMContentLoaded', recalc, false);
			})(document, window);
		</script>
		<link rel="stylesheet" type="text/css" href="css/bbd_css.css" />
		<script src="js/jquery-2.1.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
		$(function(){	
			function boxShow(){
				$("#pop").show().removeClass("bounceOutUp").addClass("bounceInDown");
				$(".fix").fadeIn();
			}
			function boxHide(){
				$("#pop").removeClass("bounceInDown").addClass("bounceOutUp");
				$(".fix").delay(800).fadeOut();
			}
			$("#retrieval").click(function(){
				boxShow();
			});
			$("#pop_clear").click(function(){
				boxHide();
			});

			$(".qsy_main_list ul li a").each(function(){
				if($(this).data("lock")==true){
					var $this=$(this),$thisimg=$this.find("img").attr("src").split(".");
					$this.find("img").attr("src",$thisimg[0]+"_lock.png")
				}
			});
			
		});
		</script>
	</head>
	<body class="body_c">
		<article>
		<section class="clearfix">
			<hgroup class="qsy_top_group fl">
				<p>hello</h2>
				<h2>超级管理员</h2>
			</hgroup>
			<div class="qsy_top_btn fr">
				<a href="set.html">设置</a>
				<a href="login.html">退出登录</a>
			</div>
		</section>
		<section class="qsy_main_list">
			<ul>
				<li>
					<a data-lock="false" id="retrieval" href="javascript:;">
						<img src="img/icon_001.png" />
						<p>快速稽查</p>
					</a>
				</li>
				<li>
					<a data-lock="true" href="lineoff.html">
						<img src="img/icon_002.png" />
						<p>假套稽查</p>
					</a>
				</li>
				<li>
					<a data-lock="false" href="#">
						<img src="img/icon_003.png" />
						<p>信息采集</p>
					</a>
				</li>				
				<li>
					<a data-lock="true" id="zhjc" href="#">
						<img src="img/icon_004.png" />
						<p>综合稽查</p>
					</a>
				</li>				
				<li>
					<a data-lock="false" href="#">
						<img src="img/icon_005.png" />
						<p>抓拍取证</p>
					</a>
				</li>				
				<li>
					<a data-lock="false" href="#">
						<img src="img/icon_006.png" />
						<p>违法处理</p>
					</a>
				</li>
				<li>
					<a data-lock="false" href="statl.html">
						<img src="img/icon_007.png" />
						<p>统计分析</p>
					</a>
				</li>				
				<li>
					<a data-lock="false" href="historical.html">
						<img src="img/icon_008.png" />
						<p>历史记录</p>
					</a>
				</li>				
				
				
			</ul>
		</section>
		</article>
		
		<aside class="fix"></aside>
		<aside id="pop">
			<span id="pop_clear"></span>
			<h2 class="title">请选择车辆查缉识别方式</h2>
			<div class="box">
				<a href="#">视频识别</a>
				<a href="#">语音识别</a>
				<a href="#">本地图片</a>
			</div>
		</aside>
	</body>
</html>
